
.flow-def--designer-wrap {
  height: 100vh;

  #flow-canvas-wrap {
    background-color: #f6f6f6;
  }
  .tool-bar {
    z-index: 999;
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0;
    padding: unset;
  }

  .item-bar {
    background-color: rgba(255, 255, 255, 1);
    z-index: 999;
    .node-title {
      padding: 8px;
      color: #545454;
      background-color: #f3f3f3;
      text-align: center;
      border-radius: 2px;
    }
    .node-wrap {
      padding: 5px;
      text-align: center;
      &:hover {
        background-color: #fafffd;
        //cursor: pointer;
        //cursor: move;
      }
      img {
        //width: 100%;
        height: 44px;
        margin: 10px auto;
        padding: 4px;
        cursor: move;
        &:hover {
          //background-color: #dfdfdf;
          outline: solid 1px #dfdfdf;
        }
      }
      .node-desc {
        font-size: 12px;
        color: #a9a9a9;
      }
    }
  }

  .property-bar {
    z-index: 999;
    background-color: #f0f0f0;
    width: 220px;
  }
}
